<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>异常处理页面信息</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/form.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layui.css"/>
				<style type="text/css">
				.org_window {
		width: 800px;
		height: 300px;
		text-align: center;
		position: absolute;
		top: 35%;
		left: 30%;
		margin-left: -150px;
		margin-top: -100px;
		background: rgb(245, 245, 245);
		border: 1px solid rgb(200, 200, 200);
		box-shadow: 5px 5px 5px rgb(100, 100, 100);
	}
	
	.org_window p {
		text-align: center;
		height: 30px;
		background: rgb(68, 161, 248);
		line-height: 30px;
		color: white;
		margin-bottom: 25px;
	}
	.td_with {
		width: 243px;
	}
		</style>
	</head>
	<body>
		  <!-- 蓝色背景区域 -->
    <div class="wrap">
        <!-- 白色可用区域 -->
        <div class="canuse">
            <!------ 位置 ------>
            <p class="contentText local">
                <span>位置：生产过程管理>生产异常反馈 >处理异常信息</span>
            </p>
            <h4 class="sel_title">
                 <img src="../../img/list/brand1.png" /><span>生产异常信息</span><span class="necessary">（带*号为必填项）</span>
            </h4>
            <div class="write_area">
                <form method='post' id="formArea">
                    <table class="contentText" id="formTable">
                       <tr>
                            <th>异常编号:</th>
                            <td><input value='YC001' disabled="disabled" name="planCode" /> <input type='hidden'
                                name="id" value='${productPlan.id}' /> <input type='hidden' name="type" value=1 /><span
                                style='color: red;'>*</span></td>
                            <th>计划号:</th>
               				  <td><input name="planNumber" value="SCJH2019001702XD001" readonly="readonly" /><span
                                style='color: red;'>*</span></td>
                            <th>产品代号:</th>
                            <td><input id="planAmount" name="planAmount" readonly value="702XD" /><span style='color: red;'>*</span></td>
                        </tr>
                          <tr>
                            <th>零部件代号:</th>
                            <td><input name="planStartTime" value="0301-01"
                                readonly="readonly" /><span style='color: red;'>*</span></td>
                            <th>生产批次号:</th>
                            <td><input name="planStartTime" value="001"
                                readonly="readonly" /><span style='color: red;'>*</span></td>
                            <th>工艺编号:</th>
                            <td><input name="planEndTime" value="工艺20" readonly="readonly" /></td>
                        </tr>
                          <tr>
                            <th>工艺版本:</th>
                            <td><input name="planStartTime" value="手动版本"
                                readonly="readonly" /></td>
                            <th>工序号:</th>
                            <td><input name="planStartTime" value="02"
                                readonly="readonly" /></td>
                            <th>工序名称:</th>
                            <td><input name="planEndTime" value="印刷	" readonly="readonly" /></td>
                        </tr>
                        <tr>
                        	<th>产品编号:</th>
                            <td><a id="productNumberDisplay">详情</a></td>
                            <th>异常类型:</th>
                            <td><input name="planEndTime" value="类型一" readonly="readonly" /></td>
                                <th>紧急程度:</th>
                                <td>
                                 <select id = "orderSelect">
					    		    <option value = "是">一般</option>
	                            	<option value="否">紧急</option>
               					 </select>
               					 <span style='color: red;'>*</span></td>
                        </tr>
                           <tr>
                            <th>提出人:</th>
                            <td><input name="planStartTime" value="admin"
                                readonly="readonly" /></td>
                            <th>提出时间:</th>
                            <td><input name="planEndTime" id="dateControl" value="2019-09-15" readonly="readonly" /></td>
                       		 </tr>
                        <tr>
                        	 <th>上传附件:</th>
                            <td colspan='5'><img onclick='uploadFile(this);' src='../../img/file/uploadFile.png'  /><input style='width:100%; display:none;' id = 'uploadfile1' type='file' class = 'processfile' name = 'processfile' onchange ='fileUpload(this)'  value=''></td>
                        </tr>
                        <tr>
                        	 <th>异常描述:</th>
                            <td colspan='5'><textarea style='width: 95%; height: 50px;' name="remark" id="remark"></textarea></td>
                        </tr>
                        <tr>
                            <th>备注:</th>
                            <td colspan='5'><textarea style='width: 95%; height: 50px;' name="remark" id="remark"></textarea></td>
                        </tr>
                    </table>
            </div>
			 <!-- 列表展示区 -->
                        <div class="table_border">
                            <div class="show_list">
                                <div class="title_operate">
                                    <h4 class="sel_title">
                                        <img src="../../img/list/brand1.png" /><span>异常处理信息</span>
                                    </h4>
                                    <!--  <div class="operate_area" id="addOperate">
                                        <a id="addDetail" onclick="addDetail()" class="bgd_add img_hand">增加</a> 
                                        <a id="upDateDetail" onclick="upDateDetail()" class="bgd_update img_hand">编辑</a>
                                        <a onclick="deleteDetail()" class="bgd_delete img_hand">删除</a>
                                    </div> -->
                                </div>
                                <div class="list_area">
                          				
                                    <!-- 信息列表区 -->
                                    <div class="info_area">
                                    		<table class="contentText" id="formTable">
										<tr>
					                        	<th>处理人:</th>
					                        	<td >admin</td>
					                             <th >处理方法:</th>
					                        	<td colspan="4"><textarea style='width: 95%; height: 30px;' name="remark" id="remark"></textarea></td>
					                    		
										</tr>
					                         <tr>
					                        	<th>返修工艺编号:</th>
					                        	<td><input name="planStartTime" value=""
					                                /><span style='color: red;'>*</span></td>
					                             <th>返修工艺:</th>
					                            <td>
					                                 <select id = "orderSelect">
										    		    <option value = "是">工艺一</option>
						                            	<option value="否">工艺二</option>
					               					 </select>
					               					 <span style='color: red;'>*</span></td>
					                        	 <th>归属计划:</th>
					                        	<td>
					                                 <select id = "orderSelect">
										    		    <option value = "是">产品所属计划</option>
						                            	<option value="否">产品计划</option>
					               					 </select>
					               					 <span style='color: red;'>*</span></td>
					               				
					                        </tr>
                   				 </table>

                                        <table id="processTable" class="tablelist" border="1" cellspacing="0" cellpadding="0">
                                           <thead>
                                                <tr class="menuText list_head">
                                                    <th class="checkSelectAll"></th>
                                                    <th class="">序号</th>
                                                    <th style="width: 200px;" class="">工序号</th>
                                                    <th class="">工序名称</th>
                                                    <th class="">异常数量</th>
                                                    <th class="">工序文件</th>
                                                    <th class=""></th>
                                                </tr>
                                            </thead>
                                            <tbody class="tablelist" id="tablelist">
                                            	<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
                                            	<td>1</td>
		                                        <td><a href="../productionProcessManagement/productionStartReportRework.html">001</a></td>
		                                        <td>零部件设备</td>
		                                         <td>4</td>
		                                          <td><a href="#">查看</a></td>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div align="center" class="btn_sumbit">
				                        <a href="productionAbnormalFeedback.html" class="bgd_blue_two img_hand contenText">确定</a> 
				                        <a href="productionAbnormalFeedback.html" class="bgd_white_two img_hand">返回</a>
				                    </div>
                                </div>
                            </div>
                        </div>
       			  </form>
        	</div>
        		<!--产品编号展示-->
		<div id="productNumberDisplayDiv" class="mask hidden">
							<div class="org_window" style="">
								<p>产品编号详情信息</p>
								<div class="article_list" style="width: 90%; margin: 0px auto;">
									<!------- 添加内容 ------->
									<div class="content content1">
										<!-- 用户列表内容区 -->
										<div class="con con_01">
											<!-- 表单信息填写区 -->
										<!--	<h4 class="sel_title" style="text-align: left;">
												<img src="../../img/list/brand1.png" /><span>产品编号详情信息</span>
											</h4>-->
											<div class="">
													<sf:form method="post" id="addFrom" modelAttribute="organization">
													<table class="contentText" border="1" cellspacing="0" width="100%" cellpadding="0">
														  <tbody>
				                                    <tr class="menuText list_head">
                                      					<th>序号</th>
				                                        <th>产品编号</th>
				                                        <th>拼板编号</th>
				                                    </tr>
				                                </tbody>
														<tr>
															<td >1</td>
															<td >SCJH2019001702XD00100001</td>
															<td>SCJH2019001702XD00100001-00002</td>
														</tr>
														<tr>
															<td >2</td>
															<td ></td>
															<td ></td>
														</tr>
														<tr>
															<td >3</td>
															<td ></td>
															<td ></td>
														</tr>
														<tr>
															<td >4</td>
															<td ></td>
															<td ></td>
														</tr>
														<tr>
															<td >5</td>
															<td ></td>
															<td ></td>
														</tr>
													</table>
												</sf:form>
												<!-- 保存、重置按钮区 -->
												<div align="center" class="btn_submit" style="margin-top: 20px;">
													<a href="productionAbnormalFeedback.html" class="bgd_blue_two img_hand">关闭</a>
													<!--<a href="organizationList.html" class="bgd_white_two img_hand">返回</a>-->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
        <!-- 版尾 -->
        <div class="ending">Copyright© 2019-2020  磐基技术有限公司</div>
    </div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/3rd/jquery-ui.js" type="text/javascript"></script>
	<script src="../../js/layui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
			//-------- 增加明细 ---------
	    function addDetail() {
	        var trInt = $("#tablelist").find("tr").length;
			var no = trInt + 1;// 序号
			
	        var dom = "<tr class='contentText list_list'><td><input type='checkbox' class='input_checkBox' name='' id='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td>";
	       /* dom += "<td><input type='text' name='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td><input type='text' name='' value=''></td>";
	        dom += "<td><input type='text' name='' value=''></td></tr>";*/
	        
	        $("#tablelist").append(dom);
	    }
		// 日期控件
		$(function(){
	        $("#dateControl").datepicker({
	        	dateFormat : 'yy-mm-dd',
	            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
	 		 	changeYear:true,
	 		 	changeMonth:true,
	 		 	showOn:"button",
	 		 	buttonImage:"../../img/button/calendar.png",
	 		 	buttonImageOnly:false
	        });
	     });
		//-------- 删除明细 ---------
	    function deleteDetail() {
	        var checks = $("input[type='checkbox']:checked");
	        if (checks.length == 0) {
	            $("#tablelist").find("tr:last").remove();
	        } else {
	            $.each(checks, function(item, obj) {
	                $(obj).parent().parent().remove();
	            });
	        }
	    }
	    /**
		 * 产品编号显示弹框
		 */
		$("#productNumberDisplay").click(function(){
			$("#productNumberDisplayDiv").removeClass("hidden");
		});
	</script>
	
</html>
